@charset "utf-8";
@import "base";
section {
    display: block;
//  新闻列表
    .new_list {
        ul {
            li {
                overflow: hidden;
                padding-top: r(30px);
                padding-bottom: r(19px);
                border-bottom: r(1px) solid #e2e2e2;
                font-size: 0;
                &:last-child {
                    border: 0;
                }
                .new_title {
                    font-size: 0;
                    width: r(350px);
                    .new_title_top {
                        p {
                            text-align: justify;
                            width: r(350px);
                            font-size: r(24.86px);
                            line-height: r(34px);
                            height: r(68px);
                            overflow: hidden;
                            margin-bottom: r(16px);
                            color: #323232;
                        }
                    }
                    .new_title_bot {
                        color: #c5c5c5;
                        overflow: hidden;
                        p:nth-child(1) {
                            float: left;
                            margin-top: r(4px);
                        }
                        .like {
                            font-size: r(18px);
                            display: inline-block;
                            i {
                               font-size: r(18px); 
                            }
                        }
                        .time {
                            font-size: r(19.53px);
                        }
                        .theme {
                            font-size: r(21.31px);
                        }
                    }
                }
                .new_img {
                    width: r(208px);
                    height: r(118px);
                    img {
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
    .line {
        width: 100%;
        height: r(25px);
        background-color: #f5f5f5;
    }
    .content {
        ul {
            overflow: hidden;
            li.case {
                height: r(223px);
                padding: 0;
                border: 0;
                &:first-child {
                    margin-top: r(18px);
                }
                .case_title {
                    font-size: r(24.86px);
                    height: r(32px);
                    white-space: normal;
                    overflow: hidden;
                    margin-top: r(11px);
                    a {
                        display: block;
                        color: #323232;
                    }
                }
                .case_img {
                    margin-top: r(15px);
                    li {
                        float: left;
                        width: r(188px);
                        height: r(123px);
                        padding: 0;
                        border: 0;
                        margin-right: r(9px);
                        &:last-child {
                            margin-right: 0;
                        }
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                }
                .case_bot {
                    font-size: 0;
                    margin-top: r(10px);
                    .touxiang {
                        width: r(27px);
                        height: r(27px);
                        border-radius: 50%;
                        overflow: hidden;
                        float: left;
                        margin-right: r(9px);
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                    .case_author {
                        float: left;
                        font-size: r(19.53px);
                        color: #c5c5c5;
                        line-height: r(19.53px);
                        margin-top: r(4px);
                        span {
                            font-size: r(15.98px);
                            &:first-child {
                                margin: 0 r(20px);
                            }
                            i {
                                font-size: r(15.98px);
                                margin-right: 5px;
                            }
                        }
                    }
                    .time {
                        font-size: r(19.53px);
                        float: right;
                        line-height: r(21.31px);
                        color: #c5c5c5;
                        span {
                            font-size: r(21.31px);
                        }
                    }
                }
            }
        }
    }
}